import React, { Component } from 'react'
import { Text, StyleSheet, View} from 'react-native'
import { createStackNavigator } from '@react-navigation/stack'
import UserSreen from '../screens/UserScreen'
import AboutScreen from '../screens/UserScreen/About'
import CounterScreen from '../screens/UserScreen/Counter'
import LoginSreen from '../screens/Login'

const Stack = createStackNavigator()
export default class UserStack extends Component {
  render() {
    return (
      <Stack.Navigator initialRouteName="UserScreen" screenOptions={{
        headerShown: true
      }}>
        <Stack.Screen name="UserScreen" component={UserSreen}
          
          options={{
            title: "个人中心",
            headerStyle: {
              backgroundColor: '#fff'
            }
          }}>
        </Stack.Screen>
        <Stack.Screen name='AboutScreen' component={AboutScreen}
          options={{
            title: '关于',
            headerStyle: {
              backgroundColor: '#fff'
            }
          }}
        >

        </Stack.Screen>
        <Stack.Screen name='CounterScreen' component={CounterScreen}
          options={{
            title: '设置',
            headerStyle: {
              backgroundColor: '#fff'
            }
          }}
        >
        
        </Stack.Screen>
        <Stack.Screen name='Login' component={LoginSreen} 
          options={{
            title: '登录',
            headerStyle: {
              backgroundColor: '#fff'
            }
          }}
        />  
      </Stack.Navigator>
    )
  }
}

const styles = StyleSheet.create({})

